<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../../css/common/all.css">
    <link rel="stylesheet" href="../../css/common/head.css">
    <link rel="stylesheet" href="../../css//common/pullnav.css">
    <script src="../../plugins/jquery-3.2.1.min.js"></script>
    <script src="../../js/head.js"></script>
</head>
<body>
    <!-- 1.头部区域开始啦 -->
    <div class="header w">
        <div class="topnav">
        <!-- title部分 -->
        <div class="title">
            高校二手书交易平台 欢迎您！
        </div>
        <!-- 导航栏部分 nav -->
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">消息</a>
                    <ul class="dropdown">
                        <li><a href="#">消息1</a></li>
                        <li><a href="#">消息2</a></li>
                        <li><a href="#">消息3</a></li>
                      </ul>
                </li>
                <li><a href="#">发布书籍</a></li>
                <li><a href="#">我的订单</a>
                    <ul class="dropdown">
                        <li><a href="#">已收货</a></li>
                        <li><a href="#">待收货</a></li>
                        <li><a href="#">待付款</a></li>
                        <li><a href="#">待评价</a></li>
                      </ul>
                </li>
                <li><a href="#">个人中心</a>
                    <ul class="dropdown">
                        <li><a href="#">个人资料</a></li>
                        <li><a href="#">校园认证</a></li>
                        <li><a href="#">我的动态</a></li>
                      </ul>
                </li>
                <li><a href="#">设置</a></li>
                <li><a href="#">小程序版</a></li>
            </ul>
        </div>
        <!-- 用户模块 -->
        <div class="user">
            <a href="#" id="name" style="color: #333;"><img src="images/user.png" alt="" style="vertical-align: middle;">
            <span>星星的星星</span></a>
            <ul class="dropdown">
                <li><a href="#">退出登录</a></li>
                <li><a href="#">客服求助</a></li>
            </ul>
        </div>
    </div>
</div>
    <!-- 头部区域结束啦 -->
    <!-- 搜索区域 -->
    <div class="top w">
        <div class="topic">
            高校二手书交易平台<span>-为全国高校学子服务</span>
        </div>
        <div class="search-box">  
        <div class="search">
                <input type="search" placeholder="书籍名称、作者、出版社、分类">
                <button>搜 索</button>
                <span><a href="#">高级搜索</a></span>
        </div>
        <div class="hotword">
            <a href="#" style="color: #b1191a;">高等数学</a>
            <a href="#" style="color: #b1191a;">Java</a>
            <a href="#">大学物理</a>
            <a href="#">经济学</a>
            <a href="#">教育心理学</a>
            <a href="#">材料力学</a>
            <a href="#">单片机教程</a>
            <a href="#">马克思</a>
            <a href="#">毛泽东思想</a>
            <a href="#">社会心理学</a>
        </div>
    </div>   
        <!-- <div class="code">
            <img src="images/code.jpg">
        </div> -->
    </div>
</body>
</html>